{extend name="common/index"}
{block name="content"}

<!--sub_nav-->
<div class="sub_nav">
    <div class="wrap clear">
        <p>你在这里：</p>
        <a href="{:url('index/index')}">首页</a> >
        <a class="on" href="javascript:void(0);">{$web.title|default=''}</a>
    </div>
</div>

<!--banner-->
<div class="banner pro_banner">
    <div class="wrap">
        <div class="banner_wrap" style="background-image:url({$banner.img_url|default=''})">
            <h1 style="{$banner.img_name_style|default=''}">{$banner.img_name|default=''}</h1>
            <p>{$banner.describe|default=''}</p>
            <ul class="clear">
                {notempty name="topList"}
                {volist name="topList" id="vo"}
                <li {eq name="vo.is_display" value="1" }class="on"{/eq}>
                <a href="{:url('goods/index')}?cat_id={$vo.cat_id}">{$vo.cat_name}</a>
                {notempty name="vo.child"}
                <dl>
                    {volist name="vo.child" id="ch"}
                    <dd><a href="{:url('goods/index')}?cat_id={$ch.cat_id}">{$ch.cat_name}</a></dd>
                    {/volist}
                </dl>
                {/notempty}
                </li>
                {/volist}
                {/notempty}
            </ul>
        </div>
    </div>
</div>

<!--pro-->
<div class="pro">
    <div class="wrap clear">
        <div class="pro_aside fl">
            <dl class="pro_aside_b">
                <dt>按国家浏览</dt>
                <dd class="australia"><a href="{:url('goods/index')}?country=10" {eq name="country|default=''" value="10"}class="on"{/eq}>澳大利亚</a></dd>
                <dd class="france"><a href="{:url('goods/index')}?country=11" {eq name="country|default=''" value="11"}class="on"{/eq}>法国</a></dd>
                <dd class="italy"><a href="{:url('goods/index')}?country=12" {eq name="country|default=''" value="12"}class="on"{/eq}>意大利</a></dd>
                <dd class="new-zealand"><a href="{:url('goods/index')}?country=13" {eq name="country|default=''" value="13"}class="on"{/eq}>新西兰</a></dd>
                <dd class="chilie"><a href="{:url('goods/index')}?country=14" {eq name="country|default=''" value="14"}class="on"{/eq}>智利</a></dd>
            </dl>
            <ul class="pro_aside_t clear">
                <li>
                    <a href="{:url('goods/roundIndex')}?cat_id=71" {eq name="cat_id" value="71"}class="on"{/eq}>首彩周边<i></i></a>
                </li>
            </ul>

        </div>
        <div class="pro_list fr">
            <div class="index_pro_list">
                <ul class="clear">
                    {volist name="goodsList" id="vo"}
                    <li>
                        <div class="img">
                            <img src="{$vo.img_url_thumb|default=''}" alt="{$vo.goods_name|default=''}"/>
                        </div>
                        <div class="txt">
                            <h3 style="width: 200px;">
                                <small>{$vo.years_text|default=''}</small>
                                {$vo.goods_name|default=''}
                            </h3>
                            <a href="{:url('goods/roundDetail')}?id={$vo.goods_id}" class="more_btn" title="{$vo.goods_name|default=''}">查看详情</a>
                        </div>
                    </li>
                    {/volist}

                </ul>
            </div>
            <div class="page">
                {$goodsList->render()}
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>
    //banner
    $(window).load(function(){
        $('.pro_aside_t dd').click(function(){
            $(this).addClass('on').siblings().removeClass('on');
        });
        $('.pro_aside_t li>a').click(function(){
            $(this).toggleClass('on').next().slideToggle(200)
        })
    })

</script>
{/block}
